select2 CDN,放在head裡:
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
html:
multiple 讓你可以多選。
給id方便js串起來。
<div class="selcenter">
<select class="form-control" id="select1" multiple="multiple">
<option value="1">border</option>
<option value="2">bordernum</option>
<option value="3">bordernumber</option>
<option value="4">bordernumberservice</option>
</select>
</div>
js:
allowClear是用來刪除多選的選項。
maximumSelectionLength是最多能選幾個。
<script>
var selectory = $('#select1').select2({
width: "100%",
allowClear: true,
maximumSelectionLength: 4,
});
</script>
select2 有更多好用的酷東東,可至官網查看,之後有用到其他的在放上來。